<template>
  <div class="body">
    <div style="padding:15px;text-align:center;background: #F7F6F6">
      <span style="color:#3DA6FF;font-size: 12px">
      请支付完成后在规定时间内离场，超时重新计费
      </span>
    </div>
    <div class="carlist">
      <div class='info'>
        <!--<van-cell-group class="listinfo">-->
          <!--<van-cell  class='carno' style="color: #4797FD;font-size: 20px" value="鲁A12345" />-->
          <!--<van-cell  style="font-size: 14px;" value="香港街停车场" />-->
        <!--</van-cell-group>-->
        <div class="listinfo">
          <div class='pitem' style='font-size: 16px;color: #4797FD;font-size: 20px'><span>鲁A12345</span></div>
          <div class='pitem' style='font-size: 14px;letter-spacing: 2.05px;'><span>香港街停车场</span></div>
        </div>
        <div class='moeny' >
            <p style="font-size: 20px;margin: 34.8% 0px">
              ￥13.00
            </p>
        </div>
      </div>
      <div class='listbtn' style="width: 100%">
        <van-button type="default"  class='btns1'>详情</van-button>
        <van-button type="default"  class='btns2'>支付</van-button>
      </div>
    </div>
    <div class='addBtn'>
      <van-button size="large" style="width: 92%">没有在停车辆？去添加</van-button>
    </div>
  </div>
</template>

<script>
    export default {
        name: 'fastPay'
    }
</script>

<style scoped>
  .body{
    width: 100%;
    height: 99.9vh;
    background: #F7F6F6;
  }
  .info{
    display: flex;
    flex-direction: row;
  }
  .listinfo{
    width: 70%;
    background: white;
  }
  .moeny{
    width: 30%;
    height: 90px;
    background: white;
  }
  .carlist{
    margin: 5px 15px;
    border: 0.6px solid #E2E2E2;
    border-radius: 2px;
  }
  .pitem{
    margin-left:10px;
    margin-top: 5px;
    line-height:40px;
    height:40px;
  }
  .listbtn{
    display: flex;
    flex-direction: row;
  }
  .btns1{
    width:50%;
    border-left: 0px;
    border-bottom: 0px;
  }
  .btns2{
    width:50%;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
  }
  .addBtn{
    width: 100%;
    position: fixed;
    bottom: 10px;
    padding-left:15px;
    padding-right: 15px;
  }
</style>
